#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-color:transparent;
}

body {
font-family:Arial, serif;
font-size:14px;

}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {

text-decoration:none;
color:#000;
font-weight:600;
}
a:hover {
color:#e12000;
}
a.external {
	background-color: transparent;
	background-image: url(http://yuriknotes.googlecode.com/svn/trunk/images/external.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	padding-top: 0pt;
	padding-right: 13px;
	padding-bottom: 0pt;
	padding-left: 0px;
}
hr{
margin-top:35px;
border:0;
border-top:1px dotted #ccc;
width:620px;
color:#fff;
clear:both;
}
#wrapper {
width:900px;
margin:40px auto;
}

/************** HEADER *****************/

#header-wrapper {
float:left;
width:900px;
border-bottom:1px dotted #ccc;
margin:0;}

#header{float:left;
width:auto;
padding:18px 0 34px 0;}

#header h1 {
color:#ff2b06;
font-size:60px;
font-weight:600;
text-decoration:none;
border-bottom:none;
letter-spacing:-4px;
background-color:#fff;
}

#header a {
color:#ff2b06;
font-size:60px;
font-weight:600;
text-decoration:none;
border-bottom:none;
letter-spacing:-4px;
background-color:#fff;
  }

#header a:hover {
  color:#000;
  }

#header .description {
font-size : 18px;
font-weight : 200;
padding : 12px 4px 0 0;
letter-spacing : -1px;
 }

/**************NAV************************/
#nav {
float:right;
width:auto;
padding:12px 0 0;
}
#nav ul {
height:50px;
float:right;
}
#nav li {
text-align:center;
float:left;
display:inline;
width:auto;
}
#nav li a {
font-size:20px;
font-weight:400;
display:block;
padding:15px;
border-bottom:none;
}
#nav li a:hover {
background-color:#f7f7f7;
}
/************** CONTENT *****************/

#main-container {

}

#main-wrapper {
width:620px;
float:left;
border-right:1px dotted #ccc;
padding:0 0 30px 0;
min-height:420px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 }

.main .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}

/************** POSTS *****************/
.post {padding:0 30px 0 0;
}

.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-family:Georgia;
font-size:24px;
margin:25px 0 10px 0;
font-weight:normal;
}
.post h1, .post h1 a{
font-family:Georgia;
font-size:28px;
margin:30px 0 10px 0;
font-weight:normal;
line-height:32px;
}
.post h3, .post h4 {
font-family:Georgia;
font-size:20px;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
color:#e12000;
}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
#small {
font-size:11px;
}
#small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}

.post-footer {
  margin: .75em 0;
}

.comment-link {
  margin-left:.6em;
  }
.post img {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
  }
.post img a, .post img a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
overflow:auto;
padding:1em 1em 1em 1em;
border: solid black 1px;
background-color:#F0F0F0;
margin:14px 0 14px 0;
}

/************** COMMENTS *****************/
#comments h3, #comments h4{
font-family:Georgia;
font-size:24px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:28px;
}


#comments-block {
margin-top:20px;
border:1px dotted #ccc;
border-right:0;
padding:10px 5px 20px 10px;
min-height:110px;
  }
#comments-block .comment-author {
font-family:Georgia;
font-size:18px;
font-weight:normal;
border-bottom:1px dotted #ccc;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}
#comments-block .comment-body-author {
margin:.25em 0 0;
background:#CCFFFF;
font-weight:normal;
}	
#comments-block .comment-body-author p {
margin:0 0 .75em;
  }

/************** SIDEBAR *****************/

#sidebar-wrapper {
width:250px;
float:right;
margin:0 0 25px 0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

.sidebar { 
 }
#sidebar h2 {
padding:25px 0 3px 0;
font-size:18px;
}
.sidebar  ul {
}

.sidebar  li {
border-top:1px dotted #ccc;
}
.sidebar  li a {
background:transparent url('http://yuriknotes.googlecode.com/svn/trunk/images/bullet_black.png') no-repeat scroll 6px 52%;
font-size:13px;
font-weight:normal;
padding:2px 0 2px 15px;
display:block;
border-bottom:none;
}
.sidebar li a:hover {
background:#f7f7f7 url('http://yuriknotes.googlecode.com/svn/trunk/images/bullet_red.png') no-repeat scroll 6px 52%;
}
.sidebar .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

/************** PERFIL *****************/
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 5px solid #E7E9E3;
}

.profile-data {
  margin:0;
  font: arial;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: #000;
  letter-spacing: .1em;
}
/************** Shutter *****************/
#shNavBar a {
color: #aaf; /* colour for the text buttons */
text-decoration: none;
}
#shNavBar a:hover {
color: #fff; /* highlight colour for the text buttons */
}
#shDisplay div#shTitle {
font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
color: #ffffff; /* caption colour */
text-align: center;
margin: 0 auto;
}
div#shNavBar {
font: normal 12px/12px 'Lucida Grande', Verdana, sans-serif; /* font for text buttons and image numbers */
color: #999; /* colour for the image numbers */
position: fixed;
left: 0;
bottom: 0;
background-color: #2e2e2e;
width: 100%;
padding: 4px 0 5px;
text-align: center;
cursor: pointer;
z-index: 1011;
}
body {
height: 100%;
}
#shShutter *, #shDisplay * {
padding: 0;
margin: 0;
}
div#shShutter, div#shDisplay {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
div#shShutter {
height: 100%;
z-index: 1000;
background-color: #000000;
opacity: 0.8;
filter:alpha(opacity=80);
}
div#shDisplay {
display: block;
background-color: transparent;
z-index: 1002;
}
div#shDisplay img#shTopImg {
margin: 0 auto;
border: 1px solid #555;
background: transparent;
display: block;
max-width: none;
max-height: none;
}
div#shDisplay div#shWrap {
visibility: hidden;
}
div#shWaitBar {
position: absolute;
width: 100px;
left: 50%;
margin-left: -50px;
margin-top: 120px;
}
#shWaitBar img {
border: 0;
}
#fullSize {
display: none;
}
#shNavBar img {
border: 0;
vertical-align: middle;
margin: 0 2px;
opacity: 0.6;
filter: alpha(opacity=60);
}
#shNavBar img:hover {
opacity: 0.999;
filter: alpha(opacity=100);
}
* html div#shNavBar {
_position: absolute;
_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight : document.body.scrollTop+document.body.clientHeight-this.clientHeight);
_left: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollLeft : document.body.scrollLeft);
}
/************** FOOTER *****************/
#footer {
width:900px;
float:left;
border-top:1px dotted #cccccc;
text-align:center;
padding:30px 0 40px 0;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  margin-left: 0px;
  margin-right: 0px;
}
/************** NAVIGATION *****************/
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
